{% extends 'base.html' %}
{% block jsAndCss %}
    <link rel="stylesheet" href="/static/css/regedit.css">
    <script language="javascript" src="/static/js/Register2.js"></script>
{% endblock %}

{% block main %}
    <!--主体内容开始-->
    <div class="main">
        <div class="abLogin register">
            <h1 class="login_tab">欢迎注册成为写字楼用户</h1>
            <div class="right">
                <div class="to_reg">已有帐号？<a onmousedown="sendHtmlReqForlog('loginPage_login');" href="/pub/login/" class="fb">立即登录</a></div>
                {% include "include/pub/thirdLogin.html" %}
            </div>
            <div class="left">
                <form action="/pub/reg/?next={{NEXT}}" method="post" name="reg" onsubmit="return checkall();">
                {% csrf_token %}
                    <input type="hidden" value="user" name="area">
                    <input type="hidden" value="register" name="cmd">
                    <input type="hidden" value="" name="backurl">
                    <fieldset>
                        <div class="login_row">
                            <label>{{ form.username.label }}</label>
                            <div class="rMsg_bg">
                                {{ form.username }}
                                <span style="display:none"></span>
                                <span class="tip">用于登录的有效的邮箱地址，当密码遗失时凭此领取</span>
                            </div>
                        </div>
                        <div class="login_row">
                            <label>{{ form.password1.label }}</label>
                            <div class="rMsg_bg">
                                {{ form.password1 }}
                                <span style="display:none"></span>
                                <span class="tip">密码长度6～16位</span>
                            </div>
                        </div>
                        <div class="login_row">
                            <label>{{ form.password2.label }}</label>
                            <div class="rMsg_bg">
                                {{ form.password2 }}
                                <span style="display:none"></span>
                                <span class="tip"></span>
                            </div>
                        </div>
                        <div class="login_row">
                            <label>{{ form.first_name.label }}</label>
                            <div class="rMsg_bg">
                                {{ form.first_name }}
                                <span style="display:none"></span>
                                <span class="tip">昵称只能字母、数字，中文，"_"组成，长度为4到20个字符（1个中文3个字符）</span>
                            </div>
                        </div>
                        <div class="login_row">
                            <label>验证码</label>
                            <div class="rMsg_bg">
                                <input type="text" onblur="checkAuthnum(this)" name="verifyCode" class="txt3" id="verifyCode" maxlength="4" size="4"/>
                                <span style="display:none" id="vnmsg"></span>
                                <span class="tip"></span>
                            </div>
                        </div>
                        <div class="login_row">
                            <label></label>
                            <div class="rMsg_bg">
                                <img onmouseover="this.style.cursor='hand';" title="看不清楚,换一张" id='codeImg' src="/pub/verifyCode/"/>
                                <a id="changeCheckCode" href="javascript:reloadVerifycode();">看不清,换一张</a>
                            </div>
                        </div>
                        <div class="login_row">
                            <label>&nbsp;</label>&nbsp;
                            <input type="submit" class="redBtn2" value="立即注册">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <input type="checkbox" name="r" checked="checked" />
                            <span class="f12">我已阅读并同意</span><a target="_blank" href="##" class="f12">使用条款</a>
                            <span style="display:none;" id="rd"></span>
                        </div>
                        <div class="ml25 f12 grey">隐私声明：未经您的允许，我们不会向任何第三方泄露、公开或出售您的个人信息。</div>
                    </fieldset>
                </form>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <!--主体内容结束-->
{% endblock %}
